                /*  声明字体图标（copy过来一定要注意路径的变化，加上../） */
                
                @font-face {
                    font-family: 'icomoon';
                    src: url('../fonts/icomoon.eot?tomleg');
                    src: url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?tomleg') format('truetype'), url('../fonts/icomoon.woff?tomleg') format('woff'), url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
                    font-weight: normal;
                    font-style: normal;
                    font-display: block;
                }
                /* 版心 */
                
                .w {
                    width: 1200px;
                    margin: 0 auto;
                }
                /* 快捷导航模块start */
                
                .shortcut {
                    height: 31px;
                    background-color: #f1f1f1;
                    line-height: 31px;
                }
                
                .style_red {
                    color: #ca1528;
                }
                
                .fl {
                    float: left;
                }
                
                .fr {
                    float: right;
                }
                
                .shortcut ul li {
                    float: left;
                    color: #656565;
                }
                
                .shortcut .fr ul li:nth-child(even) {
                    width: 1px;
                    height: 12px;
                    background-color: #666;
                    margin: 9px 15px 0;
                }
                
                .arrow-icon::after {
                    content: "\e91e";
                    font-family: 'icomoon';
                    margin-left: 6px;
                }
                /* 快捷导航模块end */
                /* header头部模块start */
                
                .header {
                    /* 子绝父相 */
                    position: relative;
                    height: 105px;
                    /* background-color: rgb(137, 137, 239); */
                }
                
                .logo {
                    position: absolute;
                    top: 25px;
                    width: 171px;
                    height: 61px;
                    /* background-color: rgb(138, 224, 207); */
                }
                
                .logo a {
                    /* a是行内元素，不能指定大小，所以转换为块级元素 */
                    display: block;
                    width: 171px;
                    height: 61px;
                    background: url(../images/logo.png) no-repeat;
                    /* font-size: 0;  京东做法，*/
                    /* 淘宝做法 */
                    text-indent: -200px;
                    /* 溢出隐藏 */
                    overflow: hidden;
                }
                
                .search {
                    position: absolute;
                    left: 346px;
                    top: 25px;
                    width: 535px;
                    height: 35px;
                    border: 1px solid #b1191a;
                }
                
                .search input {
                    /* input和button都是行内块元素，在一行时，它们中间会有空隙，所以加浮动 */
                    float: left;
                    width: 455px;
                    height: 33px;
                    padding-left: 10px;
                }
                
                .search button {
                    float: left;
                    width: 78px;
                    height: 33px;
                    background-color: #b1191a;
                    font-size: 16px;
                    color: #ffffff;
                }
                
                .hotwords {
                    position: absolute;
                    top: 68px;
                    left: 346px;
                }
                
                .hotwords a {
                    margin: 0 10px;
                }
                
                .shopcar {
                    position: absolute;
                    top: 25px;
                    right: 64px;
                    width: 140px;
                    height: 35px;
                    /* 让文字水平垂直居中 */
                    line-height: 35px;
                    text-align: center;
                    border: 1px solid #dfdfdf;
                    background-color: #f7f7f7;
                }
                
                .shopcar::before {
                    content: "\e93a";
                    font-family: 'icomoon';
                    margin-right: 5px;
                    color: #b1191a;
                }
                
                .shopcar::after {
                    content: "\e920";
                    font-family: 'icomoon';
                    margin-left: 10px;
                }
                
                .count {
                    position: absolute;
                    top: -5px;
                    left: 95px;
                    height: 14px;
                    /* 它继承了父盒子的行高，所以重写一个层叠掉 */
                    line-height: 14px;
                    padding: 0 5px;
                    background-color: #e60012;
                    border-radius: 7px 7px 7px 0;
                    color: #fff;
                }
                /* header头部模块end */
                /* nav模块start */
                
                .nav {
                    height: 47px;
                    border-bottom: 2px solid #b1191a;
                    /* background-color: rgb(186, 181, 237); */
                }
                
                .nav .dropdown {
                    float: left;
                    width: 210px;
                    height: 46px;
                    background-color: #b1191a;
                }
                
                .nav .navitems {
                    float: left;
                    height: 45px;
                }
                
                .dropdown .dt {
                    /* width: 210px;
        height: 45px; */
                    /* 最好写成下面这样 */
                    width: 100%;
                    height: 100%;
                    color: #fff;
                    text-align: center;
                    line-height: 45px;
                    font-size: 16px;
                }
                
                .dropdown .dd {
                    /* display: none; */
                    width: 100%;
                    height: 465px;
                    background-color: #c81623;
                    margin-top: 1px;
                }
                
                .dropdown .dd ul li {
                    position: relative;
                    height: 31px;
                    line-height: 31px;
                    margin-left: 1px;
                    padding-left: 10px;
                }
                
                .dropdown .dd ul li::after {
                    position: absolute;
                    right: 10px;
                    top: 1px;
                    font-family: 'icomoon';
                    content: "\e920";
                    font-size: 14px;
                    color: #fff;
                }
                
                .dropdown .dd ul li a {
                    font-size: 14px;
                    color: #fff;
                }
                
                .dropdown .dd ul li:hover {
                    background-color: #f7f7f7;
                }
                
                .dropdown .dd ul li:hover a {
                    color: #c81623;
                }
                
                .navitems li {
                    float: left;
                }
                
                .navitems li a {
                    display: block;
                    height: 45px;
                    line-height: 45px;
                    font-size: 16px;
                    padding: 0 25px;
                }
                /* nav模块end */
                /* footer底部模块start */
                
                .footer {
                    height: 415px;
                    background-color: #f5f5f5;
                    margin-top: 38px;
                    padding-top: 30px;
                }
                
                .mod_service {
                    height: 80px;
                    border-bottom: 1px solid #ccc
                }
                
                .mod_service ul li {
                    float: left;
                    width: 240px;
                    height: 50px;
                    /* background-color: #fff; */
                    padding-left: 35px;
                }
                
                .mod_service ul li h5 {
                    float: left;
                    width: 50px;
                    height: 50px;
                    margin-right: 8px;
                }
                
                .mod_service ul li .foot_img1 {
                    background: url(../images/icons.png) no-repeat -252px -2px;
                }
                
                .mod_service ul li .foot_img2 {
                    background: url(../images/icons.png) no-repeat -255px -54px;
                }
                
                .mod_service ul li .foot_img3 {
                    background: url(../images/icons.png) no-repeat -257px -105px;
                }
                
                .mod_service ul li .foot_img4 {
                    background: url(../images/icons.png) no-repeat -257px -157px;
                }
                
                .mod_service ul li .foot_img5 {
                    background: url(../images/icons.png) no-repeat -256px -208px;
                }
                
                .service_text h4 {
                    font-size: 14px;
                    margin-top: 5px;
                }
                
                .service_text p {
                    font-size: 12px;
                }
                
                .mod_help {
                    height: 185px;
                    border-bottom: 1px solid #ccc;
                    padding-top: 20px;
                    padding-left: 50px;
                }
                
                .mod_help dl {
                    float: left;
                    width: 200px;
                }
                
                .mod_help dl:last-child {
                    width: 90px;
                    text-align: center;
                }
                
                .mod_help dl dt {
                    font-size: 16px;
                    margin-bottom: 10px;
                }
                
                .mod_copyright {
                    padding-top: 20px;
                    text-align: center;
                }
                
                .mod_copyright .links {
                    margin-bottom: 15px;
                }
                
                .mod_copyright .links a {
                    margin: 0 5px;
                }
                
                .mod_copyright .copyright {
                    line-height: 20px;
                }